<template>
    <fieldset>
        <legend>登录页</legend>
        用户名:
        <input type="text" v-model="username">
        <br/>
        密码:
        <input type="password" v-model="password" @keydown.enter="login">
        <br/>
        <button @click="login" >登录</button>
    </fieldset>
</template>


<script setup>
import * as api from "../../api/users"
    import {ref,} from "vue"
    import {useRouter} from "vue-router"

    let username = ref('')
    let password = ref('')

    let router = useRouter()

    let login = async () => {
        let res = await api.loginApi(username.value,password.value)

        if(res.data.state){
            sessionStorage.setItem('qf-1-token',res.data.token)

            console.log(res)
            router.push('/')
        }else{
            alert(res.data.msg)
        }
    }







</script>